<template>
  <div style="padding: 40px">
    <moduleBnsView></moduleBnsView>
  </div>
</template>
<script setup>
import { reactive } from "vue";
import moduleBnsView from '@/pages/largescreen/component/vpt-bns-view/index.vue';

const data1 = reactive({
  title: "ECS 弹性云服务器",
  list: [
    {
      title: "CPU和内存",
      label: "并发连接数",
      value: "124",
      unit: "个",
      dataList: [
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
      ],
    },
    {
      title: "CPU和内存",
      label: "并发连接数",
      value: "124",
      unit: "个",
      dataList: [
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
      ],
    },
    {
      title: "CPU和内存",
      label: "并发连接数",
      value: "124",
      unit: "个",
      layoutType: 1, //模式1 模式 2
      dataList: [
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
      ],
    },
  ],
});

const data2 = reactive({
  title: "DCS 分布式缓存服务",
  list: [
    {
      title: "CPU和内存",
      label: "并发连接数",
      value: "124",
      unit: "个",
      dataList: [{ label: "活跃连接数", value: "333", unit: "个" }],
    },
    {
      title: "CPU和内存",
      label: "并发连接数",
      value: "124",
      unit: "个",
      dataList: [
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
      ],
    },
    {
      title: "CPU和内存",
      label: "并发连接数",
      value: "124",
      unit: "个",
      layoutType: 1, //模式1 模式 2
      dataList: [
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
        { label: "活跃连接数", value: "333", unit: "个" },
      ],
    },
  ],
});

const data = [
  { data_time: "2024-09-22", num_businesss: "5234", num_question: "0" },
  { data_time: "2024-09-21", num_businesss: "15456", num_question: "0" },
  { data_time: "2024-09-20", num_businesss: "589325", num_question: "0" },
  { data_time: "2024-09-19", num_businesss: "453669", num_question: "0" },
  { data_time: "2024-09-18", num_businesss: "327568", num_question: "0" },
  { data_time: "2024-09-17", num_businesss: "2323", num_question: "0" },
  { data_time: "2024-09-16", num_businesss: "2865", num_question: "0" },
  { data_time: "2024-09-15", num_businesss: "4661", num_question: "0" },
  { data_time: "2024-09-14", num_businesss: "456256", num_question: "0" },
  { data_time: "2024-09-13", num_businesss: "649206", num_question: "0" },
  { data_time: "2024-09-12", num_businesss: "465951", num_question: "0" },
  { data_time: "2024-09-11", num_businesss: "404617", num_question: "0" },
  { data_time: "2024-09-10", num_businesss: "498805", num_question: "0" },
  { data_time: "2024-09-09", num_businesss: "599987", num_question: "0" },
  { data_time: "2024-09-08", num_businesss: "29784", num_question: "0" },
  { data_time: "2024-09-07", num_businesss: "6618", num_question: "0" },
  { data_time: "2024-09-06", num_businesss: "355248", num_question: "0" },
  { data_time: "2024-09-05", num_businesss: "333254", num_question: "0" },
  { data_time: "2024-09-04", num_businesss: "246137", num_question: "0" },
  { data_time: "2024-09-03", num_businesss: "238183", num_question: "0" },
  { data_time: "2024-09-02", num_businesss: "278435", num_question: "0" },
  { data_time: "2024-09-01", num_businesss: "9498", num_question: "0" },
  { data_time: "2024-08-31", num_businesss: "13113", num_question: "0" },
  { data_time: "2024-08-30", num_businesss: "262383", num_question: "0" },
  { data_time: "2024-08-29", num_businesss: "384060", num_question: "0" },
  { data_time: "2024-08-28", num_businesss: "285682", num_question: "0" },
  { data_time: "2024-08-27", num_businesss: "220953", num_question: "0" },
  { data_time: "2024-08-26", num_businesss: "251016", num_question: "0" },
  { data_time: "2024-08-25", num_businesss: "21463", num_question: "0" },
  { data_time: "2024-08-24", num_businesss: "11166", num_question: "0" },
  { data_time: "2024-08-23", num_businesss: "420077", num_question: "0" },
  { data_time: "2024-08-22", num_businesss: "499722", num_question: "0" },
  { data_time: "2024-08-21", num_businesss: "584524", num_question: "0" },
  { data_time: "2024-08-20", num_businesss: "456716", num_question: "0" },
  { data_time: "2024-08-19", num_businesss: "422801", num_question: "0" },
  { data_time: "2024-08-18", num_businesss: "9559", num_question: "0" },
  { data_time: "2024-08-17", num_businesss: "10208", num_question: "0" },
  { data_time: "2024-08-16", num_businesss: "275906", num_question: "0" },
  { data_time: "2024-08-15", num_businesss: "261453", num_question: "0" },
  { data_time: "2024-08-14", num_businesss: "274559", num_question: "0" },
  { data_time: "2024-08-13", num_businesss: "249297", num_question: "0" },
  { data_time: "2024-08-12", num_businesss: "338207", num_question: "0" },
  { data_time: "2024-08-11", num_businesss: "12367", num_question: "0" },
  { data_time: "2024-08-10", num_businesss: "9405", num_question: "0" },
  { data_time: "2024-08-09", num_businesss: "398015", num_question: "0" },
  { data_time: "2024-08-08", num_businesss: "411726", num_question: "0" },
  { data_time: "2024-08-07", num_businesss: "267769", num_question: "0" },
  { data_time: "2024-08-06", num_businesss: "322830", num_question: "0" },
  { data_time: "2024-08-05", num_businesss: "421173", num_question: "0" },
  { data_time: "2024-08-04", num_businesss: "8317", num_question: "0" },
  { data_time: "2024-08-03", num_businesss: "9891", num_question: "0" },
  { data_time: "2024-08-02", num_businesss: "182070", num_question: "0" },
  { data_time: "2024-08-01", num_businesss: "235073", num_question: "0" },
  { data_time: "2024-07-31", num_businesss: "152083", num_question: "0" },
  { data_time: "2024-07-30", num_businesss: "216187", num_question: "0" },
  { data_time: "2024-07-29", num_businesss: "277405", num_question: "0" },
  { data_time: "2024-07-28", num_businesss: "5428", num_question: "0" },
  { data_time: "2024-07-27", num_businesss: "7698", num_question: "0" },
  { data_time: "2024-07-26", num_businesss: "233065", num_question: "0" },
  { data_time: "2024-07-25", num_businesss: "365555", num_question: "0" },
  { data_time: "2024-07-24", num_businesss: "407934", num_question: "0" },
  { data_time: "2024-07-23", num_businesss: "468520", num_question: "0" },
  { data_time: "2024-07-22", num_businesss: "457316", num_question: "0" },
  { data_time: "2024-07-21", num_businesss: "16079", num_question: "0" },
  { data_time: "2024-07-20", num_businesss: "21422", num_question: "0" },
  { data_time: "2024-07-19", num_businesss: "437572", num_question: "0" },
  { data_time: "2024-07-18", num_businesss: "498810", num_question: "0" },
  { data_time: "2024-07-17", num_businesss: "347906", num_question: "0" },
  { data_time: "2024-07-16", num_businesss: "331467", num_question: "0" },
  { data_time: "2024-07-15", num_businesss: "406911", num_question: "0" },
  { data_time: "2024-07-14", num_businesss: "14378", num_question: "0" },
  { data_time: "2024-07-13", num_businesss: "11177", num_question: "0" },
  { data_time: "2024-07-12", num_businesss: "414196", num_question: "0" },
  { data_time: "2024-07-11", num_businesss: "313079", num_question: "0" },
  { data_time: "2024-07-10", num_businesss: "392938", num_question: "0" },
  { data_time: "2024-07-09", num_businesss: "446072", num_question: "0" },
  { data_time: "2024-07-08", num_businesss: "315957", num_question: "0" },
  { data_time: "2024-07-07", num_businesss: "12088", num_question: "0" },
  { data_time: "2024-07-06", num_businesss: "7027", num_question: "0" },
  { data_time: "2024-07-05", num_businesss: "276805", num_question: "0" },
  { data_time: "2024-07-04", num_businesss: "274227", num_question: "0" },
  { data_time: "2024-07-03", num_businesss: "242276", num_question: "0" },
  { data_time: "2024-07-02", num_businesss: "273239", num_question: "0" },
  { data_time: "2024-07-01", num_businesss: "254903", num_question: "0" },
  { data_time: "2024-06-30", num_businesss: "3219", num_question: "0" },
  { data_time: "2024-06-29", num_businesss: "4658", num_question: "0" },
  { data_time: "2024-06-28", num_businesss: "357618", num_question: "0" },
  { data_time: "2024-06-27", num_businesss: "393693", num_question: "0" },
  { data_time: "2024-06-26", num_businesss: "299375", num_question: "0" },
  { data_time: "2024-06-25", num_businesss: "463961", num_question: "0" },
  { data_time: "2024-06-24", num_businesss: "485470", num_question: "0" },
  { data_time: "2024-06-23", num_businesss: "7594", num_question: "0" },
  { data_time: "2024-06-22", num_businesss: "7230", num_question: "0" },
  { data_time: "2024-06-21", num_businesss: "642460", num_question: "0" },
  { data_time: "2024-06-20", num_businesss: "824636", num_question: "0" },
  { data_time: "2024-06-19", num_businesss: "768557", num_question: "0" },
  { data_time: "2024-06-18", num_businesss: "509380", num_question: "0" },
  { data_time: "2024-06-17", num_businesss: "418890", num_question: "0" },
  { data_time: "2024-06-16", num_businesss: "4290", num_question: "0" },
  { data_time: "2024-06-15", num_businesss: "6362", num_question: "0" },
];
const options = reactive({
  title: "(Agent)CPU使用率",
  unit:'%',
  xAxisData: data.map((v) => v.data_time),
  seriesData: data.map((v) => v.num_businesss),
});
</script>
